<template>
    <div class="box" v-html="compiledMarkdown"></div>
</template>


<script>

    import {marked} from "marked"
    export default{
        props:['msg'],
        computed: {
          compiledMarkdown: function () {
            console.log(marked.parse(this.msg))
              return marked.parse(this.msg);
          }
        },
    }

</script>
<style>
    .box{
        width:50%;
        height: 600px;
    }
</style>